<div class="col mb-4">
    <div class="card h-100 extension">
        <div class="card-header">
            <h5 class="card-title">
            {it['name']}
            {#if it['metadata'] && it['metadata']['guide']}
            <a href="{it['metadata']['guide']}" class="btn btn-primary btn-sm btn-guide float-right" title="Guide">
                <i class="fa fa-book"></i>
            </a>
            {/if}
            </h5>
        </div>
        <div class="card-body">
            <p class="card-text">
                {#if it['metadata'] && it['metadata']['status'] == 'experimental'}
                <span class="float-right badge badge-warning">EXPERIMENTAL</span>
                {/if}
                {it['description']}
                <br/>
                {#if it['_dev']}
                {it['_dev'].raw}
                {/if}
            </p>
        </div>
    </div>
</div>
